<?php

defined('_JEXEC') or die;

// Инициализируем переменные
$doc = JFactory::getDocument();

JHtml::_('behavior.keepalive');
JHtml::_('bootstrap.tooltip');

// Подключаем библиотеки
jimport('joomla.filesystem.file');
jimport('joomla.filesystem.folder');

// Подключаем стили
$doc->addStyleSheet('/modules/mod_cypher/css/style.css');

// Проверяем полномочия редактора документов
$user = JFactory::getUser();
$editor = $user->authorise('core.edit');

// Есть ли изображения к данной статье?
// Отображаем превью большое превью и модальное окно с полноразмерным изображением
if (sizeof($images) > 0) : ?>
<div class="row-fluid">
	<div class="span12">
		<a href="#CypherModalImage" class="cypher-preview-main thumbnail" data-toggle="modal">
			<img id="cypher-preview-main" src="<?php echo JFile::stripExt($images[0]->src).'-s.'.JFile::getExt($images[0]->src); ?>" />
		</a>
	</div>
</div>

<!-- Modal -->

<div id="CypherModalImage" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="CypherModalImageLabel" aria-hidden="true">

	<div class="modal-body">
		<a class="cypher-img-big">
			<img id="cypher-modal-big-image" src="<?php echo $images[0]->src; ?>" />
		</a>
	</div>

</div>

<?php endif;

// Есть ли более чем одно изображение к статье?
// Отображаем список маленьких превьюшек
if (sizeof($images) > 1) : ?>
	<?php foreach ($images as $i => $image) :
		if (0 == $i % 4) { echo "<div class=\"row-fluid\">\n"; } ?>
		<div class="span3">
			<a class="cypher-preview thumbnail" onclick="$('cypher-preview-main').src = $('cypher-preview-<?php echo $i; ?>').src; $('cypher-modal-big-image').src = $('cypher-preview-<?php echo $i; ?>').get('data-modal'); ">
				<img id="cypher-preview-<?php echo $i; ?>" src="<?php echo JFile::stripExt($image->src).'-s.'.JFile::getExt($image->src); ?>" data-modal="<?php echo $image->src; ?>" class="cypher-preview" />
			</a>
		</div>
		<?php if ((3 == $i % 4) or ($i == sizeof($images)-1)) { echo "</div>\n"; } ?>
	<?php endforeach; ?>
<?php endif;


// Есть ли документы к данной статье?
// Отображаем список документов
if (sizeof($docs) > 0) : ?>
<div class="contaner">
<ul class="nav nav-pills nav-stacked">
	<?php foreach ($docs as $i => $doc) : ?>
		<li class="">
			<a class="" href="<?php echo $doc->src; ?>"><?php
				if (true == $doc->name) {
					echo $doc->name;
				} else {
					echo JFile::getName($doc->src);
				}
			?></a>
		</li>
	<?php endforeach; ?>
</ul>
</div>
<?php endif;

// Есть ли права редактора?
if (true == $editor) : ?>
<div class="row-fluid">
	<div class="span12">
		<a href="#CypherModalUploader" role="button" class="btn" data-toggle="modal">Добавить</a>
		<!-- Modal -->
		<div id="CypherModalUploader" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="CypherModalUploaderLabel" aria-hidden="true">
			<form id="cypher-form" method="post" enctype="multipart/form-data" action="index.php?option=com_cypher&task=file.upload" target="cypher-uploader">
				<div class="modal-header">
					<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
					<h3 id="CypherModalUploaderLabel">Добавить</h3>
				</div>
				<div class="modal-body">
					<div>
						<div><input id="cypher-input-file" type="file" name="file" required /></div>
						<div><input type="text" name="name" placeholder="Имя" /></div>
						<div><input type="text" name="alias" placeholder="Псевдоним" /></div>
						<input type="hidden" name="cypher_option" 	value="<?php echo $option;	?>" />
						<input type="hidden" name="cypher_view" 	value="<?php echo $view;	?>" />
						<input type="hidden" name="cypher_item_id" 	value="<?php echo $itemId;	?>" />
						<iframe id="cypher-uploader" name="cypher-uploader" style="display: none;"></iframe>
					</div>
				</div>
				<div class="modal-footer">
					<button class="btn btn-primary" type="submit" onclick="$('#CypherModalUploader').modal('hide')">Добавить</button>
					<button class="btn" data-dismiss="modal" aria-hidden="true"><?php echo JText::_('JCANCEL') ?></button>
				</div>
				<!-- TODO Сделать автоматичекое закрытие модального окна при загрузке файлов -->
			</form>
		</div>
	</div>
</div>
<?php endif;?>
